<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文字百分比</title>
</head>
 <style>
	 html{
		font-size:60px;
	 }
	 div{
		 font-size: 20px;
			 color:seagreen;	 
	 }
	 span{
		 font-size:3em;
		 color: orange;
	 }
	 a{
		 font-size: 3em;
		 color：purple;
	 }
	 @media screen and (max-width:900px){
		 html{
			 font-size: 30px;
		 }
	 }
	 @media screen and (max-width:400px){
		 html{
			font-size: 10px 
		 }
	 }
	      
	</style>

<body>
	<div>
		我才大一，我好累!!!!!!!!
	</div>
	<span>
		我才大一!!!!!
	</span>
	<a>
		我好累!!!!!
	</a>
	
</body>
</html>
